import "@/ulits/css/common.css";
import "./IndexZoneData.scss";
import TableZoneData from "@views/zoneData/component/TableZoneData";

function IndexZoneData(){
  return (
    <div className="indexZoneData">
      {/* tab */}
      <div className="section_1 flex-col">
        <div className="box_1 flex-row">
          <div className="image-text_7 flex-col">
            <img
              className="image_1"
              src={
                "https://lanhu-oss-2537-2.lanhuapp.com/SketchPng9787920eee20b6efb9675c0b7884b25d0c63b0731c822c254fdb402d7c6997fd"
              }
              alt=""
            />
            <span className="text-group_1">更新日期：5月28日</span>
          </div>
        </div>
        <div className="group_7 flex-row justify-between">
          <div className="box_3 flex-row">
            <div className="image-text_8 flex-row justify-between">
              <img
                className="thumbnail_1"
                src={
                  "https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf3f30393cd2d5cd0beff8530fa1832bafa9463d4e321dd0575a8afb6c9a4fe43"
                }
                alt=""
              />
              <span className="text-group_2">宽基指数</span>
            </div>
          </div>
          <div className="box_4 flex-row">
            <div className="image-text_9 flex-row justify-between">
              <img
                className="thumbnail_2"
                src={
                  "https://lanhu-oss-2537-2.lanhuapp.com/SketchPnga1f8a768920427f0ea916c2538be047854403e32c2a18eeb80dc49ba4a04a082"
                }
                alt=""
              />
              <span className="text-group_3">行业指数</span>
            </div>
          </div>
        </div>
      </div>
      {/* table */}
      <TableZoneData/>
    </div>
  );
}
export default IndexZoneData;
